// components/cell-checkbox/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

    //数据项列表
    options:{
      type:Array,
      value:[]
    },
    defaultValue:{
      type:Array,
      value: []
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    radio:[],
  },

  pageLifetimes: {
    // 组件所在页面的生命周期函数
    show: function () {
      console.log(this.data)
      if(this.data.defaultValue){
        this.setData({
          radio:this.data.defaultValue
        })
      }
    },
  },

  /**
   * 组件的方法列表
   */
  methods: {
    onChange(event) {
      console.log(event);
      this.setData({
        radio: event.detail
      });
      let title = []
      //找到对应选中的名字
      let len = this.data.options.length
      for(let i = 0;i<len;i++){
        if(this.data.radio.indexOf(this.data.options[i].value)>=0){
          title.push(this.data.options[i].title)
        }
      }

      this.triggerEvent('change',{id:this.data.radio,title:title})
    },
    toggle(event) {
      const { index } = event.currentTarget.dataset;
      const checkbox = this.selectComponent(`.checkboxes-${index}`);
      checkbox.toggle();
    },
    noop() {}
  }
})
